<button id="hash_btn" class="hide"></button>
<input type="hidden" id="dateNoteDate" />
<input type="hidden" id="intNoteID" />
<input type="hidden" id="temp_password" />
<input type="hidden" id="strImgLinkDiary" />
<input type="hidden" id="intDiaryID" />
<input type="hidden" id="intLeftDays" />
<input type="hidden" id="intChkEmail" />
<input type="hidden" id="intCheckListID" />
<input type="hidden" id="intCheckListUserID" />
<!-- login -->
<div class="wrapper-box">
	<div class="box-wrapper-splash">
		<div id="splash-box" class="splash-box box-bg hide img-rounded" data-parent="box-wrapper-splash">
			<div class="splash-bg"></div>
		</div>
	</div>
	<div class="box-wrapper-login">
		<div id="login-box" class="login-box box-bg img-rounded hide" parent-div="box-wrapper-login">
			<form id="myForm_login">
				<div class="title title-login">
					<span>Log In</span>
				</div>
				<div class="inputs login-input">
					<span><input type="text" name="strEmail" id="strEmail" placeholder="Email" class="email required"/></span>
					<span><input type="text" name="strPassword" id="strPassword" placeholder="Password" class="password"/></span>
					<span><input type="checkbox" name="strRememberMe" id="strRememberMe" />&nbsp;<i>Remember Me</i></span>
				</div>
				<div class="button login-button">
					<span><a class="btn-login img-rounded">Log In</a></span>
					<span><a class="btn-register">Register Account</a></span>
				</div>
			</form>
		</div>
		<div id="register-box" class="register-box box-bg hide img-rounded" parent-div="box-wrapper-login">
			<form id="myForm_reg">
				<div class="title">
					<span>Sign Up</span>
				</div>
				<div class="inputs reg-input">
					<span><input type="text" name="strName" id="strName" placeholder="Name" class="required"/></span>
					<span>
						<i class="toggle-dateBirth hide">
							<input type="text" name="dateBirthday_d" id="dateBirthday_d" placeholder="Day" class="date_format" />
							<input type="text" name="dateBirthday_m" id="dateBirthday_m" placeholder="Month" class="date_format" />
							<input type="text" name="dateBirthday_y" id="dateBirthday_y" placeholder="Year" class="date_format" />
						</i>
						<i class="toggle-dateBirthFull">
							<input type="text" name="dateBirthday" id="dateBirthday" placeholder="Birthday" />
						</i>
					</span>
					<span><input type="text" name="intAge" id="intAge" placeholder="Age" /></span>
					<span><input type="text" name="strEmail_reg" id="strEmail_reg" placeholder="Email" class="email required" /></span>
					<span>
						<i class="toggle-dateConceptionDate hide">
							<input type="text" name="dateConceptionDate_d" id="dateConceptionDate_d" placeholder="Day" class="date_format_conception" />
							<input type="text" name="dateConceptionDate_m" id="dateConceptionDate_m" placeholder="Month" class="date_format_conception" />
							<input type="text" name="dateConceptionDate_y" id="dateConceptionDate_y" placeholder="Year" class="date_format_conception" />
						</i>		
						<i class="toggle-dateConceptionDateFull">		
							<input type="text" name="dateConceptionDate" id="dateConceptionDate" placeholder="Date of Conception" />
						</i>
					</span>
					<span><input type="text" name="strPasswordReg" id="strPasswordReg" placeholder="Password" class="password" /></span>
					<span><input type="text" name="strPasswordRegC" id="strPasswordRegC" placeholder="Confirm Password" class="password"/></span>
					<span><input type="checkbox" name="strTerms" id="strTerms" />&nbsp;I have read and understood<br>
					the <a class="btn-register">terms and conditions</a></span>
				</div>
				<div class="button reg-button">
					<span><a class="btn-reg img-rounded">Sign Up</a></span>
					<span><a class="btn-cancel">Cancel</a></span>
				</div>
			</form>
		</div>
		<div class="error error-msg login-part">&nbsp;</div>
	</div>
	<div class="h-wrapper-box hide">
		<!-- panel -->
		<div class="box-wrapper-panel hide">
			<div id="panel-box" class="panel-box box-bg hide img-rounded" parent-div="box-wrapper-panel">
				<div class="title">
					<span>Journey to 9</span>
					<div class="setting-btn pull-right" title="Settings"><a></a></div>
					<i class="clearfix"></i>					
				</div>
				<div id="icons-panel" class="icons icon-panel"></div>
			</div>
		</div>
		<!-- jtn -->
		<div class="box-wrapper-countdown hide">	
			<div id="countdown-box" class="countdown-box box-bg hide img-rounded" data-parent="box-wrapper-countdown">
				<div class="title">
					<span>Countdown</span>
					<div class="back-btn" title="Back"><a></a></div>
					<i class="clearfix"></i>
				</div>
				<div class="wrapper-dates">
					<div class="left-side">
						<span>Months</span>
						<div class="clearfix"></div>
						<div class="number-date-left">
							<div class="tmonths"></div>
						</div>
					</div>
					<div class="right-side">
						<span>Days</span>
						<div class="clearfix"></div>
						<div class="number-date-right">
							<div class="tdays"></div>
						</div>
					</div>			
				</div>
				<div class="wrapper-countdown-label">
					<span>.. until your baby arrives</span>
				</div>
			</div>
		</div>
		<!-- checkuplog -->
		<div class="box-wrapper-checkuplog hide">
			<div id="checkuplog-box" class="checkuplog-box box-bg hide img-rounded" data-parent="box-wrapper-checkuplog">
				<div class="title">
					<span>Check Up Log</span>
					<div class="back-btn" title="Back"><a></a></div>
					<i class="clearfix"></i>					
				</div>		
				<div class="wrapper-icon-checkuplog">
					<div class="left-side">
						<div class="calendar-icon btn-calendar-checkuplog"></div>
						<i class="clearfix"></i>
						<div class="calendar-text btn-calendar-checkuplog">Calendar</div>
						<i class="clearfix"></i>
					</div>
					<div class="right-side">
						<div class="notes-icon btn-notes-checkuplog"></div>
						<i class="clearfix"></i>
						<div class="notes-text btn-notes-checkuplog">Notes</div>
						<i class="clearfix"></i>
					</div>	
					<div class="wrapper-checkuplog-label">
						<span></span>
					</div>	
				</div>
			</div>
		</div>
		<div class="box-wrapper-calendar-checkuplog hide">
			<div id="calendar-checkuplog-box" class="calendar-checkuplog-box box-bg hide img-rounded" data-parent="box-wrapper-calendar-checkuplog">
				<div class="title">
					<span>Check Up Log</span>
					<div class="back-btn" title="Back"><a></a></div>
					<i class="clearfix"></i>					
				</div>		
				<div class="wrapper-calendar-checkuplog">
					<div class="wrapper-calCheckuplog">
						<div id="calCheckuplog"></div>
					</div>
					<div class="list-calendar-checkuplog-wrap img-rounded">
						<div class="list-calendar-checkuplog">Check up log list</div>
						<div class="calendar-control-wrap">
							<a class="calendar-new calendar-btn" title="New">&nbsp;</a>
						</div>
					</div>
					<div class="wrapper-notes-calendar-checkuplog img-rounded hide">
						<div class="calendar-note-box" >
							<span>Title:&nbsp;<input type="text" id="title-note-calendar-checkuplog" /></span>
							<textarea id="notes-calendar-checkuplog"></textarea>
						</div>
						<div class="calendar-note-control-wrap">
							<a class="notes-calendar-cancel notes-calendar-btn" title="Cancel">&nbsp;</a>	
							<a class="notes-calendar-save notes-calendar-btn" title="Save">&nbsp;</a>					
							<a class="notes-calendar-delete notes-calendar-btn" title="Delete">&nbsp;</a>		
						</div>
					</div>
					<i class="clearfix"></i>
				</div>		
				<div class="result-message-box">&nbsp;</div>
			</div>
		</div>
		<div class="box-wrapper-notes-checkuplog hide">
			<div id="notes-checkuplog-box" class="notes-checkuplog-box box-bg hide img-rounded" data-parent="box-wrapper-notes-checkuplog">
				<div class="title">
					<span>Check Up Log</span>
					<div class="back-btn" title="Back"><a></a></div>
					<i class="clearfix"></i>					
				</div>		
				<div class="wrapper-notes-checkuplog">
					<div class="left-side notes-checkuplog-wrapper">
						<div class="list-notes-checkuplog img-rounded"></div>
					</div>
					<div class="right-side">
						<div class="notes-wrap img-rounded">
							<div class="notes-title-box">
								Title:&nbsp;<input type="text" id="title-note-checkuplog" />
								<i class="clearfix"></i>
								<textarea id="notes-checkuplog"></textarea>
							</div>
							<div class="notes-control-wrap">
								<a class="notes-prev notes-btn" title="Previous">&nbsp;</a>
								<a class="notes-save notes-btn" title="Save">&nbsp;</a>
								<a class="notes-delete notes-btn" title="Delete">&nbsp;</a>
								<a class="notes-next notes-btn" title="Next">&nbsp;</a>
							</div>			
						</div>
					</div>
					<i class="clearfix"></i>
				</div>		
				<div class="result-message-box">&nbsp;</div>
			</div>
		</div>
		<!-- Trimester guide -->
		<div class="box-wrapper-trimester-guide hide">
			<div id="trimester-guide-box" class="trimester-guide-box box-bg hide img-rounded" data-parent="box-wrapper-trimester-guide">
				<div class="title">
					<span>Trimester Guide</span>
					<div class="back-btn" title="Back"><a></a></div>
					<i class="clearfix"></i>					
				</div>	
				<div class="wrapper-trimester-guide">
					<div class="trimesterguide-list"></div>
				</div>
			</div>
		</div>
		<div class="box-wrapper-trimester-guide-notes hide">
			<div id="trimester-guide-box-notes" class="trimester-guide-box-notes box-bg hide img-rounded" data-parent="box-wrapper-trimester-guide-notes">
				<div class="title">
					<span></span>
					<div class="back-btn" title="Back"><a></a></div>
					<i class="clearfix"></i>					
				</div>	
				<div class="wrapper-trimester-guide-notes">
					<div class="trimesterguide-notes">
						<p></p>
					</div>
				</div>
			</div>
		</div>
		<!-- diary -->
		<div class="box-wrapper-diary hide">
			<div id="diary-box" class="diary-box box-bg hide img-rounded" data-parent="box-wrapper-diary">
				<div class="title">
					<span>Diary</span>
					<div class="back-btn" title="Back"><a></a></div>
					<i class="clearfix"></i>					
				</div>
				<div class="wrapper-driary">
					<div class="wrapper-img-diary">
						<div class="img-diary-box img-rounded">
							<div class="img-diary img-rounded"></div>
						</div>
						<div class="upload-diary-box">
							<a class="diary-btn-new" title="New"></a>
							<a id="fileupload"  class="fileinput-button" title="Upload image">
								<input type="file" name="files" class="fileupload" id="input_fileupload"/>
							</a>
							<a class="diary-btn-next" title="Next"></a>
							<a class="diary-btn-list" title="List"></a>
						</div>
					</div>
					<div class="wrapper-journal-diary hide">
						<div class="journal-diary-box img-rounded">
							<div class="journal-diary-title">
								Title:&nbsp;<input type="text" id="title-journal-diary" />
								<i class="clearfix"></i>
								<textarea id="notes-journal-diary"></textarea>
							</div>
							<div class="journal-diary-control">
								<a class="journal-diary-btn-prev" title="Previous">&nbsp;</a>
								<a class="journal-diary-btn-save" title="Save">&nbsp;</a>
								<a class="journal-diary-btn-delete" title="Delete">&nbsp;</a>
								<a class="journal-diary-btn-share" title="Share">&nbsp;</a>
							</div>
						</div>
					</div>			
					<div class="wrapper-share-diary hide" title="Share your journal">
						<div class="share-diary-box">
							<ul>
								<li><a><i class="fb-icon"></i>Facebook</a></li>
								<li><a><i class="twit-icon"></i>Twitter</a></li>
								<li><a><i class="email-icon"></i>Email</a></li>
								<li>&nbsp;</li>
							</ul>
						</div>
					</div>	
					<div class="wrapper-list-diary hide">
						<div class="list-diary-box img-rounded">
							<div class="list-diary">
								<div class="list-diary-notes"></div>
							</div>
							<div class="list-diary-control">
								<a class="list-diary-btn-prev" title="Previous">&nbsp;</a>
							</div>
						</div>
					</div>		
				</div>
				<div class="result-message-box">&nbsp;</div>
			</div>
		</div>
		<!-- tip of the day -->
		<div class="box-wrapper-tip-of-the-day hide">
			<div id="tip-of-the-day-box" class="tip-of-the-day-box box-bg hide img-rounded" data-parent="box-wrapper-tip-of-the-day">
				<div class="tipofday-bg">
					<div class="title">
						<span>Tip of the Day</span>
						<div class="back-btn" title="Back"><a></a></div>
						<i class="clearfix"></i>						
					</div>	
					<div class="wrapper-tip-of-the-day">
						<div class="tip-of-the-day">
							<div class="text-tipoftheday"></div>
							<i class="clearfix"></i>
							<div class="img-tipoftheday-wrapper">
								<div class="img-tipoftheday"></div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<!-- check list -->
		<div class="box-wrapper-check-list hide">
			<div id="check-list-box" class="check-list-box box-bg hide img-rounded" data-parent="box-wrapper-check-list">
				<div class="title">
					<span>Check list</span>
					<div class="back-btn" title="Back"><a></a></div>
					<i class="clearfix"></i>					
				</div>
				<div class="wrapper-check-list">
					<div class="check-list"></div>
					<i class="clearfix"></i>
					<div class="check-list-user-box checklist-hide hide">
						<div class="check-list-user"></div>
						<a class="ret-checklist" title="Cancel"></a>
						<a class="new-checklist" title="New"></a>
					</div>
					<i class="clearfix"></i>
					<div class="check-list-user-editor-box checklist-hide hide">
						<div class="check-list-description-editor">Description:&nbsp;<input type="text" id="checklist_strDescription" /></div>
						<a class="ret-checklist-editor" title="Cancel"></a>
						<a class="save-checklist-editor" title="Save"></a>
					</div>
					<i class="clearfix"></i>
				</div>	
				<div class="result-message-box">&nbsp;</div>	
			</div>
		</div>
		<!-- top user -->
		<div class="box-wrapper-top-user hide">
			<div id="top-user-box" class="top-user-box box-bg hide img-rounded" data-parent="box-wrapper-top-user">
				<div class="title">
					<span>Top user</span>
					<div class="back-btn" title="Back"><a></a></div>					
					<div class="top-user-btn pull-right top-user-text"><a></a></div>
					<i class="clearfix"></i>		
				</div>
				<div class="user-info-box">
					<div class="wrapper-user-info">
						<div class="user-info">
							<i class="user-info-label">I am...</i>
							<i class="user-info-name">lorem ipsum</i>
						</div>
						<div class="user-info-photo-box img-rounded">
							<i class="user-info-photo img-rounded"></i>
						</div>
					</div>
					<i class="clearfix"></i>
					<div class="user-points-box">
						<div class="user-points">
							<div class="wrapper-points">
								<a>
									<i class="points">XX</i>
									<i class="points-label">Points</i>
								</a>
							</div>
							<div class="wrapper-points">
								<a>
									<i class="points">XX</i>
									<i class="points-label">Available Points</i>
								</a>
							</div>
							<div class="wrapper-points">
								<a>
									<i class="points">XX</i>
									<i class="points-label">Credits</i>
								</a>
							</div>
							<div class="wrapper-points">
								<a>
									<i class="points">XX</i>
									<i class="points-label">Raffles Entries</i>
								</a>
							</div>					
						</div>
					</div>
					<i class="clearfix"></i>
					<div class="user-points-credits-box">
						<div class="wrapper-user-points-credits img-rounded">
							<a><i class="user-points-credits img-rounded">x Points = x Credits</i></a>
						</div>
						<div class="wrapper-user-points-earn-credits img-rounded">
							<a><i class="user-points-earn-credits img-rounded">Earn Credits</i></a>
						</div>
					</div>
					<div class="user-points-upload-photo">
						<a><i class="user-points-earn-change-photo">Change Photo</i></a>
					</div>
				</div>
				<div class="top-user-list-rank-box hide">
					<div class="wrapper-top-user-list-rank img-rounded">
						<div class="top-user-list-rank img-rounded">
							<ul>
								<li>
									<ul>
										<li>
										<i class="rank-label">&nbsp;Rankings</i>
										<i class="points-label">Points</i>
										<i class="clearfix"></i>
										</li>
									</ul>
								</li>
								<li>
									<ul class="top-border">
										<li>
											<i class="rank-no rank-text">1</i>
											<i class="top-user-list-rank-photo img-rounded">
												<i class="rank-photo"></i>
											</i>
											<i class="rank-name rank-text">Username</i>
											<i class="rank-points rank-text">100,000</i>
											<i class="clearfix"></i>
										</li>
									</ul>
								</li>
								<li>
									<ul class="top-border">
										<li>
											<i class="rank-no rank-text">2</i>
											<i class="top-user-list-rank-photo img-rounded">
												<i class="rank-photo"></i>
											</i>
											<i class="rank-name rank-text">Username</i>
											<i class="rank-points rank-text">50,000</i>
											<i class="clearfix"></i>
										</li>
									</ul>
								</li>		
								<li>
									<ul class="top-border">
										<li>
											<i class="rank-no rank-text">3</i>
											<i class="top-user-list-rank-photo img-rounded">
												<i class="rank-photo"></i>
											</i>
											<i class="rank-name rank-text">Username</i>
											<i class="rank-points rank-text">40,000</i>
											<i class="clearfix"></i>
										</li>
									</ul>
								</li>
								<li>
									<ul class="top-border">
										<li>
											<i class="rank-no rank-text">4</i>
											<i class="top-user-list-rank-photo img-rounded">
												<i class="rank-photo"></i>
											</i>
											<i class="rank-name rank-text">Username</i>
											<i class="rank-points rank-text">30,000</i>
											<i class="clearfix"></i>
										</li>
									</ul>
								</li>	
								<li>
									<ul class="top-border">
										<li>
											<i class="rank-no rank-text">5</i>
											<i class="top-user-list-rank-photo img-rounded">
												<i class="rank-photo"></i>
											</i>
											<i class="rank-name rank-text">Username</i>
											<i class="rank-points rank-text">20,000</i>
											<i class="clearfix"></i>
										</li>
									</ul>
								</li>							
							</ul>
						</div>
					</div>
				</div>
				<i class="clearfix"></i>
			</div>
		</div>
		<!-- OB-gyne directory -->
		<div class="box-wrapper-obgyne-directory hide"> 
			<div id="obgyne-directory-box" class="obgyne-directory-box box-bg hide img-rounded" data-parent="box-wrapper-obgyne-directory">
				<div class="title">
					<span>Directory</span>
					<div class="back-btn" title="Back"><a></a></div>
					<i class="clearfix"></i>					
				</div>
				<div class="wrapper-obgyne-directory img-rounded">
					<div class="wrapper-obgyne-directory-info">
						<div class="search-obgyne-directory input-prepend img-rounded">
						  <a><span class="search-obgyne-directory-btn add-on">Find</span></a>
						  <input class="span2" id="search_obgyne" type="text" placeholder="Search">
						</div>
						<div class="obgyne-directory-names">
							<ul>
								<li id="A" class="control-obgyne-directory title">A</li>
								<li class="loc-day-time-obgyne-directory">
									<i class="name-obgyne-directory">Dr. Aaaaa</i>
									<br>
									<i class="loc">Medical City</i>
									<i class="day">MWF</i>
									<i class="time">11am - 1pm</i>
									<br>
									<i class="loc">St. Luke's</i>
									<i class="day">TThFS</i>
									<i class="time">10am - 12pm</i>
								</li>
								<li class="loc-day-time-obgyne-directory">
									<i class="name-obgyne-directory">Dr. Abaaa</i>
									<br>
									<i class="loc">MMC</i>
									<i class="day">MWF</i>
									<i class="time">11am - 1pm</i>
									<br>
									<i class="loc">Asian Hospital</i>
									<i class="day">TThFS</i>
									<i class="time">11am - 1pm</i>							
								</li>		
								<li id="B" class="control-obgyne-directory title">B</li>
								<li class="loc-day-time-obgyne-directory">
									<i class="name-obgyne-directory">Dr. Bbbbb</i>
									<br>
									<i class="loc">Medical City</i>
									<i class="day">MWF</i>
									<i class="time">11am - 1pm</i>
									<br>
									<i class="loc">Asian Hospital</i>
									<i class="day">TThFS</i>
									<i class="time">11am - 1pm</i>	
								</li>
								<li class="loc-day-time-obgyne-directory">
									<i class="name-obgyne-directory">Dr. Bcdef</i>
									<br>
									<i class="loc">Asian Hospital</i>
									<i class="day">TThFS</i>
									<i class="time">11am - 1pm</i>	
								</li>
								<li id="C" class="control-obgyne-directory title">C</li>
								<li class="loc-day-time-obgyne-directory">
									<i class="name-obgyne-directory">Dr. C</i>
									<br>
									<i class="loc">Medical City</i>
									<i class="day">MWF</i>
									<i class="time">11am - 1pm</i>
									<br>
									<i class="loc">Asian Hospital</i>
									<i class="day">TThFS</i>
									<i class="time">11am - 1pm</i>	
								</li>
								<li class="loc-day-time-obgyne-directory">
									<i class="name-obgyne-directory">Dr. Bcdef</i>
									<br>
									<i class="loc">Asian Hospital</i>
									<i class="day">TThFS</i>
									<i class="time">11am - 1pm</i>	
								</li>	
								<li id="D" class="control-obgyne-directory title">D</li>
								<li class="loc-day-time-obgyne-directory">
									<i class="name-obgyne-directory">Dr. D</i>
									<br>
									<i class="loc">Medical City</i>
									<i class="day">MWF</i>
									<i class="time">11am - 1pm</i>
									<br>
									<i class="loc">Asian Hospital</i>
									<i class="day">TThFS</i>
									<i class="time">11am - 1pm</i>	
								</li>
								<li class="loc-day-time-obgyne-directory">
									<i class="name-obgyne-directory">Dr. Bcdef</i>
									<br>
									<i class="loc">Asian Hospital</i>
									<i class="day">TThFS</i>
									<i class="time">11am - 1pm</i>	
								</li>											
							</ul>
						</div>
					</div>
					<div class="wrapper-obgyne-directory-a-z">
						<div class="obgyne-directory-a-z">
							<ul>
								<li><a class="scroll-up"></a></li>
								<li><a class="a-z">A</a></li>
								<li><a class="a-z">B</a></li>
								<li><a class="a-z">C</a></li>
								<li><a class="a-z">D</a></li>
								<li><a class="a-z">E</a></li>
								<li><a class="a-z">F</a></li>
								<li><a class="a-z">G</a></li>
								<li><a class="a-z">H</a></li>
								<li><a class="a-z">I</a></li>
								<li><a class="a-z">J</a></li>
								<li><a class="a-z">K</a></li>
								<li><a class="a-z">L</a></li>
								<li><a class="a-z">M</a></li>
								<li><a class="a-z">N</a></li>
								<li><a class="a-z">O</a></li>
								<li><a class="a-z">P</a></li>
								<li><a class="a-z">Q</a></li>
								<li><a class="a-z">R</a></li>
								<li><a class="a-z">S</a></li>
								<li><a class="a-z">T</a></li>
								<li><a class="a-z">U</a></li>
								<li><a class="a-z">V</a></li>
								<li><a class="a-z">W</a></li>
								<li><a class="a-z">X</a></li>
								<li><a class="a-z">Y</a></li>
								<li><a class="a-z">Z</a></li>
								<li><a class="scroll-down"></a></li>
							</ul>
						</div>
					</div>
				</div>
				<div class="wrapper-obgyne-directory-add"></div>
			</div>
		</div>
		<div class="box-wrapper-settings hide">
			<div id="settings-box" class="settings-box box-bg hide img-rounded" data-parent="box-wrapper-settings">
				<div class="title">
					<span>Settings</span>
					<div class="back-btn" title="Back"><a></a></div>
					<i class="clearfix"></i>					
				</div>
				<div class="wrapper-settings img-rounded">
					<div class="wrapper-settings-list">
						<div class="setting-outer-border img-rounded">
							<div class="setting-mid-border img-rounded">
								<div class="settings-inner-border img-rounded">
									<ul class="settings-list">
										<li>
											<div class="settings-text-border">
												<div class="settings-text-border-inner">
													<div class="settings-text-border-label">
														<div class="pull-left"><a class="sign-out-btn">Sign Out</a></div>
														<i class="clearfix"></i>
													</div>
												</div>
											</div>
										</li>
										<li>
											<div class="settings-text-border">
												<div class="settings-text-border-inner">
													<div class="settings-text-border-label">
														<a class="find-inv-friends-btn">
															<div class="pull-left">Find &#38; Invite Friends</div><div class="pull-right">&#62;&nbsp;&nbsp;</div>
														</a>
														<i class="clearfix"></i>
													</div>
												</div>
											</div>
										</li>
										<li>
											<div class="settings-text-border">
												<div class="settings-text-border-inner">
													<div class="settings-text-border-label">
														<a class="share-setting-btn">
															<div class="pull-left">Share Settings</div><div class="pull-right">&#62;&nbsp;&nbsp;</div>
														</a>
														<i class="clearfix"></i>
													</div>
												</div>
											</div>
										</li>
										<li>
											<div class="settings-text-border">
												<div class="settings-text-border-inner">
													<div class="settings-text-border-label">
														<a class="push-notification-btn">
															<div class="pull-left">Push Notifications</div><div class="pull-right">&#62;&nbsp;&nbsp;</div>
														</a>
														<i class="clearfix"></i>
													</div>
												</div>
											</div>
										</li>
										<li>
											<div class="settings-text-border no-border">
												<div class="settings-text-border-inner no-border">
													<div class="settings-text-border-label no-border">
														<div class="pull-left">Privacy Settings</div>
														<div class="pull-right">
															<div class="privacy-settings-slider-button">
															   OFF
															</div>			
														</div>
														<i class="clearfix"></i>
													</div>
												</div>
											</div>
										</li>
									</ul>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	<!-- lower icon -->
	<i class="clearfix"></i>
	<div class="box-wrapper-icons login-part hide">
		<div id="icons-login" class="icons"></div>
	</div>
</div>